@charset "UTF-8";
/*
 * @FilePath     : /study_code/scss/nest.scss
 * @Description  : 嵌套语法
 * @Date         : 2025-04-23 14:34:09
 * @Author       : Fang YingGui
 * @LastEditors  : fangyinggui 18715384437@163.com
 * @LastEditTime : 2025-04-23 14:35:11
 */
/* 1、后代嵌套 */
#main p {
  color: #00ff00;
  width: 97%;
}
#main p .redbox {
  background-color: #ff0000;
  color: #000000;
}

/* 2、群组嵌套 */
.nav a,
div a,
host a {
  color: #f00;
}

/* 3、属性嵌套 */
.funky {
  font-family: fantasy;
  font-size: 30em;
  font-weight: bold;
}